<!--
|--------------------------------------------------
|       分割线
|
|
|
|--------------------------------------------------
-->
<template>
    <div>
        {{ model.defaultText }}
        <el-input />
        <!-- <custom-cmp :model="model" :mode="mode">
            <hr
                :style="{
                    'border-top-width': model.height + 'px',
                    'border-top-style': model.borderStyle,
                    'border-top-color': model.color,
                    'margin-top': model.marginTop + 'px',
                    'margin-bottom': model.marginBottom + 'px',
                }"
                :width="model.width + '%'"
                :align="model.align"
            />
        </custom-cmp> -->
    </div>
</template>
<script lang="ts">
import { Component } from 'vue-property-decorator'
import { mixins } from 'vue-class-component'
import { CustPageComponent } from '@/lib/utils/decorators'
import HrMdl from '@/model/customPageCfg/HrMdl'
import CustPageCmpMixin from '@/mixins/CustPageCmpMixin'
import { CustFormComponentGroup } from '@/interfaceCom/iCustomPage'
// import CustomCmp from '@/pages/cust-page/frontend/components/CustomCmp.vue'

@CustPageComponent({
    elementClass: HrMdl,
    group: CustFormComponentGroup.PageBasic,
    name: '分割线',
    component: '分割线',
    icon: 'icon-fengexian',
    orderId: 202,
})
@Component
export default class HrCmp extends mixins(CustPageCmpMixin) {
    test(ccc) {
        console.log(ccc)
    }
}
</script>
<style scoped></style>
